<template>
    <nut-noticebar :closeMode="true" right-icon="circle-close" class="notice-bar">
        <template v-slot:left-icon>
            <img src="https://cxj.szzkba.cn/up/uploadPath/icon/pPPlAxg.png" style="width: 20px; height: 20px" />
        </template>
        <div class="flex-a">
            <div>您有47元红包待领取</div>
            <div>立即领取</div>
        </div>
    </nut-noticebar>
</template>

<script>
import Taro from '@tarojs/taro'
import { reactive, onMounted } from 'vue';
import { getCouponIndex } from '../../../api/index'
export default {
    components: {},
    setup() {
        const state = reactive({
            list: []
        });
        onMounted(() => {
            getCouponIndex().then(res => {
                if (res.resultCode == 200) {
                    state.list = res.data
                }
            })
        });
        return { state };
    },
}
</script>

<style>
.notice-bar {
    width: 100%;
    position: absolute;
    bottom: 80rpx;
}
</style>